import React, { Component } from 'react';
import { NavLink } from 'react-router-dom';

class Navigator extends Component {
  render() {
    return (
      <div className="navigator container mx-auto clearfix">
        <div className="row justify-content-between">
          <div className="navigator-logo">
            <img src="http://www.51oupian.com/static/img/logon.bac8dae.png" alt="藕片app"/>
          </div>
          <ul className="navigator-nav clearfix">
            <li>
              <NavLink to="/index/zhaoshang">首页</NavLink>
            </li>
            <li>
              <NavLink to="/index/flow">入驻流程</NavLink>
            </li>
            <li>
              <NavLink to="/index/news">新闻资讯</NavLink>
            </li>
            <li>
              <NavLink to="/index/problem">常见问题</NavLink>
            </li>
            <li>
              <NavLink to="/index/contact">联系我们</NavLink>
            </li>
          </ul>
        </div>
      </div>
    )
  }
}

export default Navigator;